﻿<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>组团来砍价，赶快帮他抢吧</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"/>
<meta content="yes" name="apple-mobile-web-app-capable" />
<meta content="black" name="apple-mobile-web-app-status-bar-style" />
<meta content="telephone=no" name="format-detection" />
<meta name="description" content="{$reply['description']}" />
<script src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script>
<link href="./source/modules/hlzonyu/template/images/activity-style.css?ver=55e4" rel="stylesheet" type="text/css">
<link href="./source/modules/hlzonyu/template/images/style.css?ver=55e4" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="./source/modules/hlzonyu/template/images/do.css?ver=55e4" type="text/css">
<script src="./source/modules/hlzonyu/template/images/alert.js?ver=55ed44"></script>

<script>
function tusi(txt){
	$('.tusi').remove();
	var div = $('<div style="background: #fff;max-width: 85%;min-height: 77px;min-width: 270px;position: absolute;left: -1000px;top: -1000px;text-align: center;border-radius:10px;border:3px solid #f39800;"><span style="color: #000;line-height: 36px;font-size: 23px;margin:5px;">'+txt+'</span></div>');
	$('body').append(div);
	div.css('zIndex',9999999);
	div.css('left',parseInt(($(window).width()-div.width())/2));
	var top = parseInt($(window).scrollTop()+($(window).height()-div.height())/2);
	div.css('top',top);
	setTimeout(function(){div.remove();},3000);
}
	
function showTab(o, tab, count) {
    o.className = "current";
    var j;
    var id;
    var e;
    for (var i = 1; i <= count; i++) {
        id = tab + i;
        j = document.getElementById(id);
        e = document.getElementById(tab + "Cont" + i);
        if (id != o.id) {
            j.className = "";
            e.style.display = "none";
        } else {
            e.style.display = "block";
        }
    }
}
//展开显示
function show(id){
	var v_ID = document.getElementById(id);
	jQuery(v_ID).show();
}	
	

var order = {
		'add' : function(rid) {
			var $this = this;
			$this.cart(rid, 'add');
		},
		'cart' : function(rid, operation) {
			if (!rid) {
				alert('系统出错！');
				return;
			}
			$.getJSON('{php echo $this->createMobileUrl('Stat');}', {'from_user' : '{$from_user}', 'rid' : rid, 'fromuser' : '{$fromuser}', 'headimgurl' : '{$headimgurl}', 'nickname' : '{$nickname}'}, function(s){
				if (s.message.status) {
				/*
					$('#carttotal').css({'width':'200px', 'height':'40px', 'line-height':'40px', 'display':'inline-block'}).html('你和他友情未尽!').animate({'width':'200px', 'height':'20px', 'line-height':'20px'}, 'slow');
					$('#zshu').css({'color':'#f00'}).html(s.message.total).animate({'color':'#ff0'}, 'slow');
					$('#zshutext').css({'color':'#f00'});
					
					{if $nickname==''}
					$('#forward_btn').css({'width':'0px', 'height':'0px', 'line-height':'0px', 'display':'inline-block'}).animate({'width':'100%', 'height':'30px', 'line-height':'30px'}, 'slow');
					$("#dataid").val(s.message.dataid);
					{/if}
				*/
					alert(s.message.message);
				
					//alert('帮砍价成功!');
				} else {
					alert(s.message.message);
				}
			});
		}
	};
	
	
{if $serverapp!=2}
$(document).ready(function() {

	$(".b1").click(function(){
			$(".window").slideDown(500);
	});
	$(".close").click(function(){	
		$(".window").slideUp(500);
	});	

})

{/if}
</script>

<style>
.listsl {
overflow: hidden;
}
.listsl .list-item{
	width: 90%;
	overflow: hidden;
	
	margin: 0 2.4% 15px 2.4%;
	border-bottom: #9d1d04 2px dotted;
	padding-bottom:10px;
}

.listsl .list-item > div{
	overflow: hidden;
}
.listsl .list-item img{
	display: block;
	max-width: 100%;
	height: 120px;
	margin: 0 auto;
	margin-top: 10px;
	
}
.listsl .list-item .title{
	
	font-size:14px;
	line-height:26px;
	color: #8c3021;
	height:53px;
	text-align:center;
}
.listsl .list-item .zonyunum{
	font-size:22px;
	line-height:26px;
	color: #8c3021;
	text-align:center;
}
.listsl .list-item a{
	color: #8c3021;
	text-decoration: none;
	cursor: pointer;
}

.listsl .list-item .startbargin{
	background: #ff6a6c;
	padding : 5px 20px 5px 20px;
	width:60%;
	margin:0 auto;

	-webkit-box-shadow: 1px 1px 1px 0 rgba(0,0,0,0.2);
	box-shadow: 5px 1px 1px 0 rgba(0,0,0,0.2);

}
.listsl .list-item .startbargin a{
	color:#fff;
	font-size:16px;

}
.listsl .list-item .title{
	
	font-size:14px;
	
}
.startbargin{
	background: #ff6a6c;
	width:60%;
	margin:0 auto;
	text-align:center;
	padding-top:5px;
	padding-bottom:5px;
	font-size:16px;
	color:#fff;
	-webkit-box-shadow: 1px 1px 1px 0 rgba(0,0,0,0.2);
	box-shadow: 5px 1px 1px 0 rgba(0,0,0,0.2);
	margin-top:5px;
}
.dstitle{
	border-radius: 5px 5px 0px 0px;
	background: #e45d0c;
	width:140px;
	margin-left:12%;
	
	
}

.dstitle p{
	margin-top:15px;
	margin-left:12px;
	font-size:16px;
	color:#fff;
}
.turnBox{width:90%;
	margin:0 auto;
}
.progress-bar {
	margin: 0 auto;
	position: absolute;
	bottom:0;
	left:0;
	height: 20px;
	padding: 0;
	width: 100%;
	z-index:100;
	-moz-border-radius: 15px 15px 15px 15px;
	-webkit-border-radius: 15px 15px 15px 15px;
	border-radius: 15px 15px 15px 15px;
 
}
.progress-bar span {
	display: inline-block;
	width: 100%;
	background-color: #ff9b08;
	-moz-border-radius: 15px 15px 15px 15px;
	-webkit-border-radius: 15px 15px 15px 15px;
	border-radius: 15px 15px 15px 15px;
	-webkit-transition: height .4s ease-in-out;
	-moz-transition: height .4s ease-in-out;
	-ms-transition: height .4s ease-in-out;
	-o-transition: height .4s ease-in-out;
	transition: height .4s ease-in-out;
}
 	
.toupiao span {
	background-color: #ff9b08;
}
		
.stripes span {
	-webkit-background-size: 30px 30px;
	-moz-background-size: 30px 30px;
	background-size: 30px 30px;
	background-image: -webkit-gradient(linear, left top, right bottom, color-stop(.25, rgba(255, 255, 255, .15)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .15)), color-stop(.75, rgba(255, 255, 255, .15)), color-stop(.75, transparent), to(transparent));
	 background-image: -webkit-linear-gradient(-135deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
		background-image: -moz-linear-gradient(-135deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
		 background-image: -ms-linear-gradient(-135deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
		  background-image: -o-linear-gradient(-135deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
		     background-image: linear-gradient(-135deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
	-webkit-animation: animate-stripes 3s linear infinite;
	-moz-animation: animate-stripes 3s linear infinite;
}
 @-webkit-keyframes animate-stripes {
	0% {background-position: 0 0;}
	100% {background-position: 60px 0;}
}
 @-moz-keyframes animate-stripes {
	0% {background-position: 0 0;}
	100% {background-position: 60px 0;}
}
  


span[data-value] {
	position: absolute;
	right: 0px;
}
span[data-value]:after {
	
	position: absolute;
	left: 0;
	top: 0;
	margin-left: 0;
	color: #FFF;
	font-size: 14px;
	
	text-align: center;
}
.title{ color: #fff;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	position: absolute;
	top: 1px;
	white-space: nowrap;
	z-index:1000;
	left:40%;
	}

.toupiao{ 
	background:#ca0f44;
	width:100%;
	display: -moz-box; 
	display: -webkit-box; 
	display: box; 
	-webkit-box-pack:center;
	-webkit-box-align:center;
	height: 20px;
	position: absolute;
	top:3px;        
   -moz-border-radius: 15px 15px 15px 15px;
	-webkit-border-radius: 15px 15px 15px 15px;
	border-radius: 15px 15px 15px 15px;
   left:0;
	border:2px solid #ca0f44;
	
}

.zlist-box{width:100%;height:70px;margin-top:5px;clear: both;}
.zlist-box ul{padding: 8px 0; }
.zlist-box:last-child{ border-bottom: none 0;}

.zlist-box ul li{ float: left;margin-top: 0px;color:#fff;}
.zlist-box ul li:nth-child(1){ width: 20%; }
.zlist-box ul li:nth-child(2){ width: 65%; }
.zlist-box ul li:nth-child(3){ width: 15%;}

.turnBox {
	background: #f39800;
}
.avatar {
	width:40px;
	height:40px;
	MARGIN: 0px 10px 5px 0px;
}
.rankNUM{
	color:#f00;
	font-size:16px;
}
.pmore{
width:100%;
margin-top:-5px;
}
.pmores{
float:left;
font-size: 0;
}
</style>
</head>
<body {if !empty($cfg['bglist'])} style="background:url({$_W['attachurl']}{$cfg['bglist']}) repeat center; "{else} style="background:url(./source/modules/hlzonyu/template/images/bg.jpg) repeat center;" {/if}>
<div class="zi" >{if !empty($cfg['ranklist'])} <img src="{$_W['attachurl']}{$cfg['ranklist']}" style="margin-top:0;"> {else} <img src="./source/modules/hlzonyu/template/images/i1.jpg?ver=233" style="margin-top:0;">{/if}
</div>

<!--<ul class="tab" style="margin-top:10px;margin-bottom:20px;">
		<li style="width:50%; "><a href="{php echo $this->createMobileUrl('index',array('rid' => $reply['rid']));}" style="color:#ed6d00">活动首页</a></li>
		
		<li style="width:50%;background-color:#ed6d00;" ><a href="{php echo $this->createMobileUrl('mybargin');}" style="color:#FFF">我的亲友团</a></li> 
		
		
	</ul>-->
<div class="zi" >
	<img src="{$imgurl}" style="margin-top:-5px;"></div>

<div class="content">
	
	<div style="border:0;">
		
		<div class="wx box" style="border:0;">
			<div  style="margin-left:20px;margin-right:20px; margin-top:20px;border:0; ">
				<table style="width:100%;border:0;" >
					<tr>
						<td style="width:30%;padding:5px 10px 5px 0;border:0;"><img src="{$profiles['avatar']}" style="width:100%;border-radius:10px;"></td>
						<td style="width:60%;border:0;"><div style="width:90%;height:100%;padding:5px 10px 5px 10px;border-radius:10px;background:#ffdd86;">{$profiles['realname']}<br>{if $ztotal==0}好可怜，还没有人帮砍价呢{else} 
							您的朋友已帮忙砍了 <font style="font-size:20px;">{$ztotal}</font>元！{/if}</div>
						</td>
					</tr>
				</table>
				
			</div>
		</div>
	{if $statzonyutitle==''}
		<div style="width:100%; text-align:center; margin-top:15px;">		
			<img style="width: 100%;" src="./source/modules/hlzonyu/template/images/step1.png" onclick="order.add({$reply['rid']})" >
		</div>
	{else}
		<div style="width:100%; text-align:center; margin-top:15px;">		
			<img style="width: 100%;" src="./source/modules/hlzonyu/template/images/step1.png" onclick="javascript:alert('您来晚了，活动已经结束了！')" >
		</div>
	{/if}
		<div style="width:100%; text-align:center; margin-top:15px;">		
			{if !empty($cfg['xgzurl'])} <a href="{$cfg['xgzurl']}" > {else}<a href="{php echo $this->createMobileUrl('index',array('rid' => $reply['rid']));}" >{/if}
			<img style="width: 100%;" src="./source/modules/hlzonyu/template/images/step2.png?ver=343"></a>		
		</div>
	</div>
<div class="zi" style="margin-top:0px;"><img src="./source/modules/hlzonyu/template/images/gjlb.png?ver=233" width="100%"></div>

<div class="turnBox rank" style="margin-top:-6px;margin-left:11%;width:80.5%;border-radius: 0;">
	
   
	<div class="rankList" style="padding-top:10px;border-radius: 0;">
	
		{if $ztotal==0}<span style="color:#fff">还没有人来砍价</span><br><br>{else}
			{loop $list $row}
			<div  class="zlist-box">
				<ul>
					<li><img src="{php echo $row['avatar'] = empty($row['avatar']) ? './source/modules/hlzonyu/template/images/wuavtar.gif' : $row['avatar'];}" class="avatar"></li>
					<li>&nbsp;<span style="font-weight:bold;color:#333;">{php echo substr($row['realname'],0,18);}</span><br>
					
						
					
						<span style="font-size:12px;">{$row['content']}</span>
					
					</li>
					<li style="color:#fff;font-weight:bold;">-{$row['viewnum']}元</li>
				<ul>
			</div>
			
			
			{/loop}
			
		{/if}
	</div>
</div>




	
</div>

<!--尾部
<footer>
<div class="footer" >@{$_W['account']['name']}</div>
</footer>
尾部结束-->
<div id="mcover" onClick="document.getElementById('mcover').style.display='';"><img src="./source/modules/hlzonyu/template/images/121.png"></div>
<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js" type="text/javascript"></script>
<script type="text/javascript">
	// jssdk config 对象
	jssdkconfig = {php echo json_encode($_W['account']['jssdkconfig']);} || { jsApiList:[] };
	
	// 是否启用调试
	// jssdkconfig.debug = true;
	
	// 已经注册了 jssdk 文档中所有的接口
	jssdkconfig.jsApiList = [
		'checkJsApi',
		'onMenuShareTimeline',
		'onMenuShareAppMessage',
		'onMenuShareQQ',
		'onMenuShareWeibo',
		'showOptionMenu',		
	];
	
	wx.config(jssdkconfig);

	sharedata = {
		title : '{$reply['sharetitle']}!',
		link : '{$staturl}',
		desc : '亲朋好友砍价团——{$reply['title']}!',
		imgUrl :'{$_W['siteroot']}/source/modules/hlzonyu/template/images/share.jpg',
		trigger: function(res) {},
		success: function(res) {
		TopBox.alert("分享后成功,等着朋友帮你砍价吧!");
		},
		cancel: function(res) {
		 TopBox.alert("分享后组团砍价哦!");
		},
		fail: function(res) {
		 TopBox.alert("分享失败，可能是网络问题，一会儿再试试？");
		}		
	};
	
	wx.ready(function () {
		wx.showOptionMenu();
		wx.onMenuShareAppMessage(sharedata);
		wx.onMenuShareTimeline(sharedata);
		wx.onMenuShareQQ(sharedata);
		wx.onMenuShareWeibo(sharedata);
	});
</script>
</body>
</html>
